<style type="text/less">
    @import "/web/public/public.less";
    #hot_words.course{
        margin-top:50px;
        .title{
            border-bottom: 1px solid #eeeeee;
            .bor{
                display: inline-block;
                color: #565d6d;
                font-size: 20px;
                font-weight: 900;
            }
            .title_txt{
                font-size: 20px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 2px;
                color: #333333;
                margin-bottom: 20px;
                padding-left: 10px;
                display:inline-block;
            }
            .more{
                float: right;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #7f7f7f;
                margin-top: 4px;
            }
        }
        .center{
            margin-top: 20px;
            .ad{
                img{
                    width: 100%;
                    height: 100px;
                }
            }
            .btn_wrap{
                margin-top: 10px;
                .clearfix;
                a{
                    display: inline-block;
                    color: #ffffff;
                    float: left;
                    text-align: center;
                    position: relative;
                    display:flex;
                    font-size: 18px;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 24px;
                    letter-spacing: 1px;
                    color: #ffffff;
                    h3{
                        align-self:center;
                        display: block;
                        text-align: center;
                        width: 100%;
                        font-weight: normal;
                    }
                    &:hover{
                        transform:scale(1.03);
                    }
                }
                .color1{
                    background: #00b1f7;
                }
                .color2{
                    background: #276baa;
                }
                .color3{
                    background: #033b76;
                }
                .btn1{
                    width: 160px;
                    height: 84px;
                }
                .btn2{
                    width: 70px;
                    height: 84px;
                    margin-left: 1px;
                    span{
                        padding: 0 16px;
                    }
                }
                .btn3{
                    width: 68px;
                    height: 84px;
                    margin-left: 1px;
                    span{
                        padding: 0 14px;
                    }
                }
                .btn4{
                    width: 142px;
                    height: 84px;
                    margin-top: 1px;
                    span{
                        padding: 0 14px;
                    }
                }
                .btn5{
                    width: 157px;
                    height: 84px;
                    margin: 1px 0 0 1px;
                    span{
                        padding: 0 2px;
                    }
                }
                .btn6{
                    width: 70px;
                    height: 84px;
                    margin: 1px 0 0 0;
                    span{
                        padding: 0 12px;
                    }
                }
                .btn7{
                    width: 71px;
                    height: 84px;
                    margin: 1px 0 0 1px;
                    span{
                        padding: 0 12px;
                    }
                }
                .btn8{
                    width: 157px;
                    height: 84px;
                    margin: 1px 0 0 1px;
                    span{
                        padding: 0 2px;
                    }
                }
                .btn9{
                    width: 159px;
                    height: 80px;
                    margin: 1px 0 0 0;
                    span{
                        padding: 0 2px;
                    }
                }
                .btn10{
                    width: 140px;
                    height: 80px;
                    margin: 1px 0 0 1px;
                    span{
                        padding: 0 12px;
                    }
                }
            }
        }
    }
</style>
<script src="/web/lib/less.min.js"></script>
<#if channel.channelStatus == 1>
    <div id="hot_words" class="course">
        <div class="title">
            <p class="bor">//</p>
            <h2 class="title_txt"><a href="${"${domain}/web/instituteList/1.html?id=${channel.channelValue}&column=${channel.channelName}"}" target="_blank" title="${channel.channelName}">${channel.channelName}</a></h2>
            <a class="more" href="${"${domain}/web/instituteList/1.html?id=${channel.channelValue}&column=${channel.channelName}"}" target="_blank" title="${channel.channelName}">更多></a>
        </div>
        <div class="center">
            <!--#include virtual="/web/html/fragment/institute/ad-right-one.htm"-->
            <div class="btn_wrap">
                <#if list?? && list?size gt 0>
                    <#if list?size == 1>
                        <#if list[0]??>
                            <#if list[0].articleOutLinkStatus == 1>
                                <a href="${list[0].articleOutLink}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[0].articleUrl}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                    </#if>
                    <#if list?size == 2>
                        <#if list[0]??>
                            <#if list[0].articleOutLinkStatus == 1>
                                <a href="${list[0].articleOutLink}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[0].articleUrl}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[1]??>
                            <#if list[1].articleOutLinkStatus == 1>
                                <a href="${list[1].articleOutLink}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[1].articleUrl}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                    </#if>
                    <#if list?size == 3>
                        <#if list[0]??>
                            <#if list[0].articleOutLinkStatus == 1>
                                <a href="${list[0].articleOutLink}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[0].articleUrl}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[1]??>
                            <#if list[1].articleOutLinkStatus == 1>
                                <a href="${list[1].articleOutLink}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[1].articleUrl}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[2]??>
                            <#if list[2].articleOutLinkStatus == 1>
                                <a href="${list[2].articleOutLink}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[2].articleUrl}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                    </#if>
                    <#if list?size == 4>
                        <#if list[0]??>
                            <#if list[0].articleOutLinkStatus == 1>
                                <a href="${list[0].articleOutLink}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[0].articleUrl}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[1]??>
                            <#if list[1].articleOutLinkStatus == 1>
                                <a href="${list[1].articleOutLink}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[1].articleUrl}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[2]??>
                            <#if list[2].articleOutLinkStatus == 1>
                                <a href="${list[2].articleOutLink}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[2].articleUrl}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[3]??>
                            <#if list[3].articleOutLinkStatus == 1>
                                <a href="${list[3].articleOutLink}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[3].articleUrl}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                    </#if>
                    <#if list?size == 5>
                        <#if list[0]??>
                            <#if list[0].articleOutLinkStatus == 1>
                                <a href="${list[0].articleOutLink}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[0].articleUrl}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[1]??>
                            <#if list[1].articleOutLinkStatus == 1>
                                <a href="${list[1].articleOutLink}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[1].articleUrl}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[2]??>
                            <#if list[2].articleOutLinkStatus == 1>
                                <a href="${list[2].articleOutLink}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[2].articleUrl}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[3]??>
                            <#if list[3].articleOutLinkStatus == 1>
                                <a href="${list[3].articleOutLink}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[3].articleUrl}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[4]??>
                            <#if list[4].articleOutLinkStatus == 1>
                                <a href="${list[4].articleOutLink}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[4].articleUrl}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                    </#if>
                    <#if list?size == 6>
                        <#if list[0]??>
                            <#if list[0].articleOutLinkStatus == 1>
                                <a href="${list[0].articleOutLink}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[0].articleUrl}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[1]??>
                            <#if list[1].articleOutLinkStatus == 1>
                                <a href="${list[1].articleOutLink}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[1].articleUrl}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[2]??>
                            <#if list[2].articleOutLinkStatus == 1>
                                <a href="${list[2].articleOutLink}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[2].articleUrl}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[3]??>
                            <#if list[3].articleOutLinkStatus == 1>
                                <a href="${list[3].articleOutLink}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[3].articleUrl}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[4]??>
                            <#if list[4].articleOutLinkStatus == 1>
                                <a href="${list[4].articleOutLink}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[4].articleUrl}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[5]??>
                            <#if list[5].articleOutLinkStatus == 1>
                                <a href="${list[5].articleOutLink}" target="_blank" class="btn6 color2" title="${list[5].articleTitle}">
                                    <h3>${list[5].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[5].articleUrl}" target="_blank" class="btn6 color2" title="${list[5].articleTitle}">
                                    <h3>${list[5].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                    </#if>
                    <#if list?size == 7>
                        <#if list[0]??>
                            <#if list[0].articleOutLinkStatus == 1>
                                <a href="${list[0].articleOutLink}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[0].articleUrl}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[1]??>
                            <#if list[1].articleOutLinkStatus == 1>
                                <a href="${list[1].articleOutLink}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[1].articleUrl}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[2]??>
                            <#if list[2].articleOutLinkStatus == 1>
                                <a href="${list[2].articleOutLink}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[2].articleUrl}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[3]??>
                            <#if list[3].articleOutLinkStatus == 1>
                                <a href="${list[3].articleOutLink}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[3].articleUrl}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[4]??>
                            <#if list[4].articleOutLinkStatus == 1>
                                <a href="${list[4].articleOutLink}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[4].articleUrl}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[5]??>
                            <#if list[5].articleOutLinkStatus == 1>
                                <a href="${list[5].articleOutLink}" target="_blank" class="btn6 color2" title="${list[5].articleTitle}">
                                    <h3>${list[5].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[5].articleUrl}" target="_blank" class="btn6 color2" title="${list[5].articleTitle}">
                                    <h3>${list[5].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[6]??>
                            <#if list[6].articleOutLinkStatus == 1>
                                <a href="${list[6].articleOutLink}" target="_blank" class="btn7 color1" title="${list[6].articleTitle}">
                                    <h3>${list[6].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[6].articleUrl}" target="_blank" class="btn7 color1" title="${list[6].articleTitle}">
                                    <h3>${list[6].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                    </#if>
                    <#if list?size == 8>
                        <#if list[0]??>
                            <#if list[0].articleOutLinkStatus == 1>
                                <a href="${list[0].articleOutLink}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[0].articleUrl}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[1]??>
                            <#if list[1].articleOutLinkStatus == 1>
                                <a href="${list[1].articleOutLink}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[1].articleUrl}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[2]??>
                            <#if list[2].articleOutLinkStatus == 1>
                                <a href="${list[2].articleOutLink}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[2].articleUrl}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[3]??>
                            <#if list[3].articleOutLinkStatus == 1>
                                <a href="${list[3].articleOutLink}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[3].articleUrl}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[4]??>
                            <#if list[4].articleOutLinkStatus == 1>
                                <a href="${list[4].articleOutLink}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[4].articleUrl}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[5]??>
                            <#if list[5].articleOutLinkStatus == 1>
                                <a href="${list[5].articleOutLink}" target="_blank" class="btn6 color2" title="${list[5].articleTitle}">
                                    <h3>${list[5].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[5].articleUrl}" target="_blank" class="btn6 color2" title="${list[5].articleTitle}">
                                    <h3>${list[5].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[6]??>
                            <#if list[6].articleOutLinkStatus == 1>
                                <a href="${list[6].articleOutLink}" target="_blank" class="btn7 color1" title="${list[6].articleTitle}">
                                    <h3>${list[6].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[6].articleUrl}" target="_blank" class="btn7 color1" title="${list[6].articleTitle}">
                                    <h3>${list[6].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[7]??>
                            <#if list[7].articleOutLinkStatus == 1>
                                <a href="${list[7].articleOutLink}" target="_blank" class="btn8 color3" title="${list[7].articleTitle}">
                                    <h3>${list[7].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[7].articleUrl}" target="_blank" class="btn8 color3" title="${list[7].articleTitle}">
                                    <h3>${list[7].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                    </#if>
                    <#if list?size == 9>
                        <#if list[0]??>
                            <#if list[0].articleOutLinkStatus == 1>
                                <a href="${list[0].articleOutLink}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[0].articleUrl}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[1]??>
                            <#if list[1].articleOutLinkStatus == 1>
                                <a href="${list[1].articleOutLink}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[1].articleUrl}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[2]??>
                            <#if list[2].articleOutLinkStatus == 1>
                                <a href="${list[2].articleOutLink}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[2].articleUrl}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[3]??>
                            <#if list[3].articleOutLinkStatus == 1>
                                <a href="${list[3].articleOutLink}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[3].articleUrl}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[4]??>
                            <#if list[4].articleOutLinkStatus == 1>
                                <a href="${list[4].articleOutLink}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[4].articleUrl}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[5]??>
                            <#if list[5].articleOutLinkStatus == 1>
                                <a href="${list[5].articleOutLink}" target="_blank" class="btn6 color2" title="${list[5].articleTitle}">
                                    <h3>${list[5].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[5].articleUrl}" target="_blank" class="btn6 color2" title="${list[5].articleTitle}">
                                    <h3>${list[5].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[6]??>
                            <#if list[6].articleOutLinkStatus == 1>
                                <a href="${list[6].articleOutLink}" target="_blank" class="btn7 color1" title="${list[6].articleTitle}">
                                    <h3>${list[6].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[6].articleUrl}" target="_blank" class="btn7 color1" title="${list[6].articleTitle}">
                                    <h3>${list[6].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[7]??>
                            <#if list[7].articleOutLinkStatus == 1>
                                <a href="${list[7].articleOutLink}" target="_blank" class="btn8 color3" title="${list[7].articleTitle}">
                                    <h3>${list[7].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[7].articleUrl}" target="_blank" class="btn8 color3" title="${list[7].articleTitle}">
                                    <h3>${list[7].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[8]??>
                            <#if list[8].articleOutLinkStatus == 1>
                                <a href="${list[8].articleOutLink}" target="_blank" class="btn9 color2" title="${list[8].articleTitle}">
                                    <h3>${list[8].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[8].articleUrl}" target="_blank" class="btn9 color2" title="${list[8].articleTitle}">
                                    <h3>${list[8].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                    </#if>
                    <#if list?size == 10>
                        <#if list[0]??>
                            <#if list[0].articleOutLinkStatus == 1>
                                <a href="${list[0].articleOutLink}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[0].articleUrl}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[1]??>
                            <#if list[1].articleOutLinkStatus == 1>
                                <a href="${list[1].articleOutLink}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[1].articleUrl}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[2]??>
                            <#if list[2].articleOutLinkStatus == 1>
                                <a href="${list[2].articleOutLink}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[2].articleUrl}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[3]??>
                            <#if list[3].articleOutLinkStatus == 1>
                                <a href="${list[3].articleOutLink}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[3].articleUrl}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[4]??>
                            <#if list[4].articleOutLinkStatus == 1>
                                <a href="${list[4].articleOutLink}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[4].articleUrl}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[5]??>
                            <#if list[5].articleOutLinkStatus == 1>
                                <a href="${list[5].articleOutLink}" target="_blank" class="btn6 color2" title="${list[5].articleTitle}">
                                    <h3>${list[5].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[5].articleUrl}" target="_blank" class="btn6 color2" title="${list[5].articleTitle}">
                                    <h3>${list[5].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[6]??>
                            <#if list[6].articleOutLinkStatus == 1>
                                <a href="${list[6].articleOutLink}" target="_blank" class="btn7 color1" title="${list[6].articleTitle}">
                                    <h3>${list[6].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[6].articleUrl}" target="_blank" class="btn7 color1" title="${list[6].articleTitle}">
                                    <h3>${list[6].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[7]??>
                            <#if list[7].articleOutLinkStatus == 1>
                                <a href="${list[7].articleOutLink}" target="_blank" class="btn8 color3" title="${list[7].articleTitle}">
                                    <h3>${list[7].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[7].articleUrl}" target="_blank" class="btn8 color3" title="${list[7].articleTitle}">
                                    <h3>${list[7].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[8]??>
                            <#if list[8].articleOutLinkStatus == 1>
                                <a href="${list[8].articleOutLink}" target="_blank" class="btn9 color2" title="${list[8].articleTitle}">
                                    <h3>${list[8].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[8].articleUrl}" target="_blank" class="btn9 color2" title="${list[8].articleTitle}">
                                    <h3>${list[8].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[9]??>
                            <#if list[9].articleOutLinkStatus == 1>
                                <a href="${list[9].articleOutLink}" target="_blank" class="btn10 color1" title="${list[9].articleTitle}">
                                    <h3>${list[9].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[9].articleUrl}" target="_blank" class="btn10 color1" title="${list[9].articleTitle}">
                                    <h3>${list[9].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                    </#if>
                    <#if list?size gt 10>
                        <#if list[0]??>
                            <#if list[0].articleOutLinkStatus == 1>
                                <a href="${list[0].articleOutLink}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[0].articleUrl}" target="_blank" class="btn1 color1" title="${list[0].articleTitle}">
                                    <h3>${list[0].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[1]??>
                            <#if list[1].articleOutLinkStatus == 1>
                                <a href="${list[1].articleOutLink}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[1].articleUrl}" target="_blank" class="btn2 color2" title="${list[1].articleTitle}">
                                    <h3>${list[1].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[2]??>
                            <#if list[2].articleOutLinkStatus == 1>
                                <a href="${list[2].articleOutLink}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[2].articleUrl}" target="_blank" class="btn3 color3" title="${list[2].articleTitle}">
                                    <h3>${list[2].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[3]??>
                            <#if list[3].articleOutLinkStatus == 1>
                                <a href="${list[3].articleOutLink}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[3].articleUrl}" target="_blank" class="btn4 color2" title="${list[3].articleTitle}">
                                    <h3>${list[3].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[4]??>
                            <#if list[4].articleOutLinkStatus == 1>
                                <a href="${list[4].articleOutLink}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[4].articleUrl}" target="_blank" class="btn5 color1" title="${list[4].articleTitle}">
                                    <h3>${list[4].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[5]??>
                            <#if list[5].articleOutLinkStatus == 1>
                                <a href="${list[5].articleOutLink}" target="_blank" class="btn6 color2" title="${list[5].articleTitle}">
                                    <h3>${list[5].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[5].articleUrl}" target="_blank" class="btn6 color2" title="${list[5].articleTitle}">
                                    <h3>${list[5].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[6]??>
                            <#if list[6].articleOutLinkStatus == 1>
                                <a href="${list[6].articleOutLink}" target="_blank" class="btn7 color1" title="${list[6].articleTitle}">
                                    <h3>${list[6].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[6].articleUrl}" target="_blank" class="btn7 color1" title="${list[6].articleTitle}">
                                    <h3>${list[6].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[7]??>
                            <#if list[7].articleOutLinkStatus == 1>
                                <a href="${list[7].articleOutLink}" target="_blank" class="btn8 color3" title="${list[7].articleTitle}">
                                    <h3>${list[7].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[7].articleUrl}" target="_blank" class="btn8 color3" title="${list[7].articleTitle}">
                                    <h3>${list[7].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[8]??>
                            <#if list[8].articleOutLinkStatus == 1>
                                <a href="${list[8].articleOutLink}" target="_blank" class="btn9 color2" title="${list[8].articleTitle}">
                                    <h3>${list[8].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[8].articleUrl}" target="_blank" class="btn9 color2" title="${list[8].articleTitle}">
                                    <h3>${list[8].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                        <#if list[9]??>
                            <#if list[9].articleOutLinkStatus == 1>
                                <a href="${list[9].articleOutLink}" target="_blank" class="btn10 color1" title="${list[9].articleTitle}">
                                    <h3>${list[9].articleTitle}</h3>
                                </a>
                            <#else>
                                <a href="${list[9].articleUrl}" target="_blank" class="btn10 color1" title="${list[9].articleTitle}">
                                    <h3>${list[9].articleTitle}</h3>
                                </a>
                            </#if>
                        </#if>
                    </#if>
                </#if>
            </div>
        </div>
    </div>
</#if>